<!DOCTYPE html>
<#assign f = JspTaglibs["http://www.casic304.cn/f"] />
<#assign SourceDept = JspTaglibs["http://www.casic304.cn/SourceDept"]/>
<#assign dicSelect = JspTaglibs["http://www.casic304.cn/dicSelect"]/>
<html>
<head>
    <meta charset="utf-8">
    <title>筛选批次不合格信息列表</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="${ctx}/layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="${ctx}/qbdmsStatic/iconfont/iconfont.css"/>
    <link rel="stylesheet" href="${ctx}/qbdmsStatic/style/qbdms.css">
    <script type="text/javascript">
        var __ctx = "${ctx}";
    </script>
</head>
<body class="listBody">
<div class="qbdms-list">
    <div class="layui-table-view-body">
        <table id="wQbdComponentscreenTable" lay-filter="wQbdComponentscreenTable"></table>
    </div>
</div>
<!-- 列表头部工具栏 -->
<script type="text/html" id="wQbdComponentscreenHeaderToolsBar">
    <div class="ccpui-enterSel">
        <div class="layui-btn-container">
            <@f.a alias="xzanComponent,sxpcbhg3_xzan" css="layui-btn layui-btn-sm  fillBtn" event="add">
                <span>新增</span>
            </@f.a>
            <@f.a alias="scanComponent,sxpcbhg3_scan" css="layui-btn layui-btn-sm" event="delete">
                <span>删除</span>
            </@f.a>
            <a class="layui-btn layui-btn-sm" lay-event="export">
                <span>导出</span>
            </a>
            <@f.a alias="dranComponent,sxpcbhg3_dran" css="layui-btn layui-btn-sm" event="import">
                <span>导入</span>
            </@f.a>
            <@f.a alias="sbanComponent,sxpcbhg3_sban" css="layui-btn layui-btn-sm" event="report">
                <span>上报</span>
            </@f.a>
<!--            <a class="layui-btn layui-btn-sm" lay-event="query">
                <span>查询</span>
            </a>
            <a class="layui-btn layui-btn-sm" lay-event="clears">
                <span>重置</span>
            </a>-->
            <a class="layui-btn layui-btn-sm" lay-event="listStyle">
                <span>配置列</span>
            </a>

        </div>
    <form class="layui-form" action="" lay-filter="wQbdComponentscreenQueryForm">
        <div class="layui-form-body selch">
            <div class="table-top-filter layui-row">
                        <@SourceDept.dept css="layui-input filter-value" />
                    <div class="qbdms-listForm">
                        <label class="layui-form-label">元器件名称</label>
                        <div class="layui-input-block">
                            <input type="text" class="layui-input filter-value" name="Q_componentName_SL" placeholder="请输入"/>
                        </div>
                    </div>
                    <div class="qbdms-listForm">
                        <label class="layui-form-label">元器件型号规格</label>
                        <div class="layui-input-block">
                            <input type="text" class="layui-input filter-value" name="Q_componentSpec_SL" placeholder="请输入"/>
                        </div>
                    </div>
                    <div class="qbdms-listForm">
                        <label class="layui-form-label">质量等级</label>
                        <div class="layui-input-block">
                            <@dicSelect.dic name="Q_qualityLevel_SL" css="layui-input filter-value" nodeKey="zldj" />
                        </div>
                    </div>
                    <div class="qbdms-listForm">
                        <label class="layui-form-label">元器件批次号</label>
                        <div class="layui-input-block">
                            <input type="text" class="layui-input filter-value" name="Q_componentBatchid_SL" placeholder="请输入"/>
                        </div>
                    </div>
                    <div class="qbdms-listForm">
                        <label class="layui-form-label">生产单位</label>
                        <div class="layui-input-block">
                            <input type="text" class="layui-input filter-value" name="Q_productionUnit_SL" placeholder="请输入"/>
                        </div>
                    </div>
                    <div class="qbdms-listForm">
                        <label class="layui-form-label">工程型号</label>
                        <div class="layui-input-block">
                            <@dicSelect.dic name="Q_projectModel_SL" css="layui-input filter-value" nodeKey="gcxh" />
                        </div>
                    </div>
                </div>
                <div class="selchBtn">
                    <a class="layui-btn layui-btn-sm fillBtn" lay-event="query">
                        <span>查询</span>
                    </a>
                    <div class="layui-btn-group">
                        <button type="button" class="layui-btn layui-btn-sm" lay-event="clears" style="width: 28px;font-size: 12px;padding: 0">
                            <i class="iconfont  data-iconcommon_refresh"></i>
                        </button>
                         <button type="button" class="layui-btn layui-btn-sm screenParent" lay-event="screen" style="width: 28px;font-size: 12px;padding: 0">
                             <i class="iconfont data-iconcommon_downarrow screen"></i>
                         </button>
                    </div>
                </div>
            </div>
        </form>
    </div>

</script>
<!-- 右侧工具栏 -->
<script type="text/html" id="wQbdComponentscreenRightToolsBar">
    {{# if('${currentUserId}'==d.createBy && d.allowEdit){}}
    <@f.a alias="xganComponent,sxpcbhg3_xgan" css="RightBtn" event="edit">编辑</@f.a>
    {{#  } }}
    <a class="RightBtn" lay-event="particulars">详情</a>
    {{# if('${currentUserId}'==d.createBy && d.allowDel){ }}
    <@f.a alias="scanComponent,sxpcbhg3_scan" css="RightBtn" event="del">删除</@f.a>
    {{#  } }}
</script>
<script src="${ctx}/qbdmsStatic/public/configFile.js"></script>
<script src="${ctx}/layui/layui.js"></script>
<script>
    //一般直接写在一个js文件中
    layui.config({
        base: serverPath.qbdmsPath + staticPath.qbdmsPath //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index','table', 'common','publicMethods','jquery','layer','qbdmsForm'], function () {
        var table = layui.table;
        var common = layui.common;
        var publicMethods = layui.publicMethods;
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.qbdmsForm;
        common.tableSort('wQbdComponentscreenTable');

        var tableH=publicMethods.tabHeight();

        var cols = '${cols}';
        //第一个实例
        window.tableInstace = function(tcols){
            if(tcols){
                cols = tcols;
            }
            if(cols){
                cols = JSON.parse(cols,function(k,v){
                    if(v.indexOf && v.indexOf('function') > -1){
                        return eval("(function(){return "+v+" })()")
                    }
                    return v;
                })
            }

            var showSta={field: 'reportStatusStr', title: '状态',sort:false, sortname: 'report_status',minWidth:'160',templet: function(d){
                    return common.stateType(d);
                }};
            var source= {field: 'filldept', title: '数据来源单位',sort:false, sortname: 'filldept',minWidth:'200'};
            if('${currentSystemLevel}'=='GROUPLEVEL'){
                showSta={field: 'reportStatusStr', title: '状态',sort:false, sortname: 'report_status',hide:true,minWidth:'160',templet: function(d){
                        return common.stateType(d);
                    }};
                source={field: 'filldeptHospital', title: '数据来源单位',sort:false, sortname: 'filldepthospital',minWidth:'200'};
            }

            window.tableInstace.initCols =[ //初始化的表头， 这里替换成自己的初始化表头json
                {type: 'checkbox', fixed: 'left'}
                ,{field: 'sn', type: 'numbers', title: '序号', fixed: 'left'}
                ,source
                ,{field: 'productionUnit', title: '生产单位',sort:false, sortname: 'production_unit',minWidth:'150'}
                ,{field: 'componentName', title: '元器件名称',sort:false, sortname: 'component_name',minWidth:'150'}
                ,{field: 'componentSpec', title: '元器件型号规格',sort:false, sortname: 'component_spec',minWidth:'150'}
                ,{field: 'qualityLevel', title: '质量等级',sort:false, sortname: 'quality_level',minWidth:'100'}
                ,{field: 'componentBatchid', title: '元器件批次',sort:false, sortname: 'component_batchid',minWidth:'100'}
                ,{field: 'projectModel', title: '工程型号',sort:false, sortname: 'project_model',minWidth:'150'}
                ,showSta

                ,{field: 'qualityLevel', title: '质量等级',sort:false, sortname: 'quality_level',hide:true,minWidth:'100'}
                ,{field: 'componentBatchid', title: '元器件批次号',sort:false, sortname: 'component_batchid',hide:true,minWidth:'100'}
                ,{field: 'screenNumber', title: '筛选数量',align: 'right',sort:false, sortname: 'screen_number',minWidth:'90',templet:function (d) {
                        return common.redNum(d.screenNumber);}}

                ,{field: 'unqualifiedNumber', title: '不合格数',sort:false, sortname: 'unqualified_number',hide:true,minWidth:'100'}
                ,{field: 'qualifiedCriterion', title: '合格判据',sort:false, sortname: 'qualified_criterion',hide:true,minWidth:'100' }
                ,{field: 'measuredValue', title: '实测值',sort:false, sortname: 'measured_value',hide:true ,minWidth:'100'}
                ,{field: 'projectModel', title: '工程型号',sort:false, sortname: 'project_model',hide:true,minWidth:'100' }
                ,{field: 'supplier', title: '供应商',sort:false, sortname: 'supplier',hide:true,minWidth:'100' }
                ,{field: 'qualifiedSuppliers', title: '是否合格供方',sort:false, sortname: 'qualified_suppliers',hide:true,minWidth:'100' }
                ,{field: 'catalogSelection', title: '是否选用目录',sort:false, sortname: 'catalog_selection',hide:true ,minWidth:'100'}
                ,{field: 'screenReportid', title: '筛选报告编号',sort:false, sortname: 'screen_reportid',hide:true ,minWidth:'100'}
                ,{field: 'componentType', title: '元器件分类',sort:false, sortname: 'component_type',hide:true ,minWidth:'100'}
                ,{field: 'screenTechconditions', title: '筛选技术条件',sort:false, sortname: 'screen_techconditions',hide:true,minWidth:'100' }
                ,{field: 'screenUnits', title: '筛选单位',sort:false, sortname: 'screen_units',hide:true,minWidth:'100' }
                ,{field: 'screenCategory', title: '筛选类别',sort:false, sortname: 'screen_category',hide:true,minWidth:'100' }
                ,{field: 'screenedUnits', title: '送筛单位',sort:false, sortname: 'screened_units',hide:true ,minWidth:'100'}
                ,{field: 'screenDate', title: '送筛日期',sort:false, sortname: 'screen_date',minWidth:'150',templet: function (d) {
                        return publicMethods.timeData(d.screenDate);
                    },hide:true }
                ,{field: 'source', title: '进口/国产',sort:false, sortname: 'source',hide:true,minWidth:'100' }
                ,{field: 'unqualifiedReason', title: '不合格原因',sort:false, sortname: 'unqualified_reason',hide:true,minWidth:'100' }
                ,{
                    fixed: 'right',
                    title: '管理',
                    toolbar: '#wQbdComponentscreenRightToolsBar',minWidth:'150'
                }
            ];

            window.tableInstace.tRender = table.render({
                elem: '#wQbdComponentscreenTable'
                ,height:tableH
                ,url: serverPath.qbdmsPath + '/qbdms/wQbdComponentscreen/list'
                ,page: publicMethods.pageFun() //开启分页
                ,limit: 20
                ,toolbar: '#wQbdComponentscreenHeaderToolsBar'
                ,method: 'post'
                ,defaultToolbar: ['']
                ,autoSort: false //是否排序
                ,cols: [cols?cols:window.tableInstace.initCols]
                ,done:function () {
                    common.tableSelectCon('.ccpui-enterSel .layui-form input','a[lay-event=query]','.ccpui-enterSel');
                }
            });
        };
        window.tableInstace(cols);


        function reflashQuery(isClear) {
            common.tableConditionRender("wQbdComponentscreenTable","wQbdComponentscreenQueryForm",{where:{}},isClear);
        }

        table.on('toolbar(wQbdComponentscreenTable)', function (obj) {
            var checkStatus = table.checkStatus(obj.config.id);
            var data = checkStatus.data;
            var _this = this;
            var layerH=publicMethods.layHeight('.listBody');
            switch (obj.event) {
                case 'add':
                    window.location.href = serverPath.qbdmsPath + "/qbdms/wQbdComponentscreen/view/add";
                    break;
                case 'delete':
                    var array = "";
                    for (var i = 0; i < data.length; i++) {
                        array+=data[i].id+",";
                    }
                    delFun(data,array);
                    break;
                case 'export':
                function open(url , param){
                    var curUrl = url;
                    layer.open({
                        type: 2,
                        area: ['700px', '520px'],
                        title: ['自定义导出', 'font-size:14px;'],
                        content: serverPath.qbdmsPath + '/qbdms/wQbdComponentscreen/view/export',
                        btnAlign: 'c',
                        skin: 'qbdms-layerFormBtn',
                        btn: ['确定', '取消'],
                        yes: function(index, layero){
                            url = curUrl;
                            var iframeWin = window["layui-layer-iframe" + index];
                            var data = iframeWin.getData();
                            if(data){
                                url = url + "?data=" + JSON.stringify(data) + param;
                                window.location.href = encodeURI(url)
                            }
                        }
                    });
                }
                    if (data.length == 0) {
                        layer.confirm(publicMethods.confirmStyle('还没有选择，是否导出全部？'),{title: false,skin: 'confirm-class'}, function (index) {
                            layer.close(index);
                            var url = serverPath.qbdmsPath + '/qbdms/wQbdComponentscreen/exportData';
                            var param = "";
                            $("form[lay-filter='wQbdComponentscreenQueryForm']").find(".filter-value").each(function(i,value) {
                                param += "&"+this.name+"="+this.value
                            });
                            open(url , param);
                        });
                    } else {
                        layer.confirm(publicMethods.confirmStyle('确定导出吗？'),{title: false,skin: 'confirm-class'}, function (index) {
                            layer.close(index);
                            var ids = [];
                            for (var i = 0; i < data.length; i++) {
                                ids.push(data[i].id);
                            }
                            var url = serverPath.qbdmsPath + '/qbdms/wQbdComponentscreen/exportData';
                            open(url , "&id="+ids);
                        });
                    }
                    break;
                case "import":
                    common.importInit('wQbdComponentscreenTable',"/qbdms/wQbdComponentscreen/importData",true,"/importTemplates/筛选批次不合格.xlsx");
                    break;
                case "query":
                    reflashQuery(false);
                    break;
                case "clears":
                    reflashQuery(true);
                    break;
                case "screen":
                    common.initScreenTop('wQbdComponentscreenTable');
                    form.render();
                    break;
                case "report":
                    var array = "";
                    for (var i = 0; i < data.length; i++) {
                         array+=data[i].id+",";
                    }
                    //业务表名,勾选数据主键,流程key,table标签lay-filter属性值,form标签lay-filter属性值,是否允许重复上报,页面所在包名,流程定义id
                    common.report("w_qbd_componentscreen"
                                ,array
                                ,"plantToHospital"
                                ,"wQbdComponentscreenTable"
                                ,"wQbdComponentscreenQueryForm"
                                ,false
                                ,"wQbdComponentscreen"
                                ,"plantToHospital:1:72d05d40362249118c5453aa60c6da90");
                    break;
                case "listStyle":
                    layer.open({
                        type: 2,
                        area: ['80%', layerH],
                        skin: 'qbdms-layerFormBtn',
                        title: ['新增列表样式', 'font-size:14px;'],
                        content: serverPath.qbdmsPath + '/qbdms/wCustomColumns/view/list',
                        success:function (layero, index) {
                            publicMethods.tipsAuto(layero.find('.layui-layer-setwin'),'点击这里关闭弹框哦',2000)
                        }
                    });
                    break;
            };
        });

        table.on('tool(wQbdComponentscreenTable)', function(obj) {
            var data = obj.data, //获得当前行数据
                    layEvent = obj.event; //获得 lay-event 对应的值
            switch(layEvent){
                case "edit":
                    window.location.href = serverPath.qbdmsPath + '/qbdms/wQbdComponentscreen/view/add?id='+data.id;
                    break;
                case "particulars":
                    window.location.href = serverPath.qbdmsPath + '/qbdms/wQbdComponentscreen/view/particulars?id='+data.id;
                    break;
                case "del":
                    delFun(data,data.id);
                    break;
            }
        });

        table.on('sort()', function(obj){
            reflashQuery(false);
        });

        function delFun(data,id) {
            if (data.length === 0) {
                layer.msg('请先选择一行数据!',{title: false,skin: 'confirm-class'});
            } else {
                layer.confirm(publicMethods.confirmStyle('确定删除当前数据吗?'),{title: false,skin: 'confirm-class'},function (index) {
                    layer.close(index);
                    $.ajax({
                        url: serverPath.qbdmsPath + "/qbdms/wQbdComponentscreen/del",
                        type: "post",
                        data: {id:id},
                        dataType: 'json',
                        success: function (data) {
                            layer.alert(publicMethods.confirmStyle(data.msg),{title: false,skin: 'confirm-class'});
                            //执行重载
                            reflashQuery(true);
                        },
                        error: function (XMLHttpRequest, textStatus, errorThrown) {
                            layer.alert(publicMethods.confirmStyle(data.msg),{title: false,skin: 'confirm-class'});
                            //执行重载
                            reflashQuery(true);
                        }
                    })
                })
            }
        }

        window.Initialization = function () {
            reflashQuery(false);
        };
        //list页面初始化展开按钮tips展示（展开按钮类名）
        publicMethods.tipsAuto('.screen')
        //筛选条件初始化（页面表格的Id，是否初始化（true、false））
        common.initScreenTop('wQbdComponentscreenTable',true);
        common.tableSort("wQbdComponentscreenTable");
    });
</script>
</body>
</html>